@charset "utf-8";

/*首页第一部分*/
.hpart1{width:1200px; margin:36px auto; overflow:hidden; padding:3px 0px;}
.hbox{width:350px; height:386px; border:1px solid #e4e4e4; border-right:0px; padding:18px 24px; float:left;transition: all 0.2s linear 0s;}
.hbox:hover{ border-top:1px solid purple; box-shadow:0px 0px 3px 3px #e4e4e4; transform:translateY(-1px);}
.hbox .t{height:40px; text-align:left; vertical-align:top; font-size:24px; margin-top:10px; color: #3d3f4b;}
.hbox .t span{width:50px; float:right;overflow:hidden; height:18px; margin-top:10px;}
.hbox .t span a{display:block; width:19px; height:19px; float:left; margin:0px 3px; background:url(/templets/huamei/images/home/tabbtns.jpg) no-repeat;}
.hbox .t span a.doctorL{ background-position:0px 0px;}
.hbox .t span a.doctorR{ background-position:-20px 0px;}
.hbox .yhcont{ width:380px; height:330px;position:relative;overflow:hidden; margin-top:15px;}
.hbox .yhcont ul{ position:absolute;top:0;left:0;}
.hbox .yhcont ul li{ width:380px;height:330px; float:left; overflow:hidden;}
.hbox .yhcont ul li .word{ width:350px; height:65px; position:relative;}
.hbox .yhcont ul li .word p{ font-size: 18px; color: #666666;  padding-top:19px; line-height:26px;}
.hbox .yhcont ul li .word span{display:block; width:86px; height:20px;  line-height:20px; position:absolute; bottom:0px; right:0px;
font-size:16px; color:#b254a2;
}
i.hot{width:12px; height:16px; display:inline-block; background:url(/templets/huamei/images/home/hot1.jpg) no-repeat; position:relative; top:-6px;}
.bordright{border-right:1px solid #e4e4e4!important;}

/*首页第一屏联系方式*/
.livechat{ width:360px; height:93px;margin:30px auto;overflow:hidden; }
.livechat ul{ width:100%; height:186px;}
.livechat li{ width:68px;height:93px;display:block; float:left;overflow:hidden; position:relative;  margin:0px 10px;}
.livechat li a{ display:block; width:68px;height:186px; position:absolute; left:0; top:0;}
.livechat li a.xm1{ background:url(/templets/huamei/images/home/livechat.jpg) 0px 0px no-repeat;}
.livechat .xm2{ background:url(/templets/huamei/images/home/livechat.jpg) -93px 0px no-repeat; }
.livechat .xm3{ background:url(/templets/huamei/images/home/livechat.jpg) -186px 0px no-repeat;}
.livechat .xm4{ background:url(/templets/huamei/images/home/livechat.jpg) -278px 0px no-repeat;}

/*首页案例展示*/
#zranli{width:1200px; margin:0px auto; overflow:hidden; padding-bottom:20px;}
.zrh{width:100%; max-width:1200px; height:40px;}
.zrh h2{ font-size:26px; line-height:40px; border-bottom:4px solid #eb4a52; display:block; float:left; width:160px; height:40px;}
.zrh2 h2{ width:114px;}
.zrh span{display:block; width:70px; height:20px; line-height:20px; text-align:center; font-size:12px; background:#e4e4e4; float:right;}
.zrh span a{color:#fff; }
#zranli ul{overflow:hidden; clear:both; margin-top:15px;}
#zranli ul li{display:block; width:274px; height:428px; border:1px solid #e4e4e4; float:left; margin:15px 12px; position:relative;overflow:hidden;}
#zranli ul li:hover{border-top:1px solid purple; box-shadow:0px 0px 3px 3px #e4e4e4;}
.anlic{width:548px; height:428px; overflow:hidden; transition:all .5s;}
.anlic:hover{transform:translateX(-274px);-webkit-transform:translateX(-274px);}
.alLeft{width:274px;height:428px;float:left;}
.alLeft .wd{width:274px; height:60px; background:rgba(255,255,255,0.6); font-size:16px; line-height:60px; text-align:center; position:absolute; bottom:-1px; border-top:1px solid #e4e4e4;}
.alRight{width:274px;height:428px;float:right;}
.alRight .wd2{width:274px; height:100px; background:rgba(255,255,255,0.6); font-size:16px;text-align:center; position:absolute; bottom:0px; border-top:1px solid #e4e4e4; line-height:26px; padding-top:20px;}
.alRight .wd2 span{color:#b254a2;}
.wd2span{ line-height:18px;}
.zxbtn{width:170px; height:26px; margin:5px auto;}
.zxbtn a{display:block; width:72px; height:26px; line-height:26px; float:left; border-radius:5px; background:#9e9e9e; text-align:center; color:#fff; margin:0px 5px; font-size:14px;}
.zxbtn a.ac{background:#b254a2;}


/*首页医生团队*/
#doctorsh{width:1200px; margin:0px auto; overflow:hidden;}
.doctorbox{height:470px; overflow:hidden; margin:24px auto;}
.doctorLeft{width:740px; height:470px; float:left; position:relative; overflow:hidden;}
.doctorLeft a.arrow{display:block; width:74px; height:74px; position:absolute;top:194px;}
.doctorLeft a.doctorL{ background:url(/templets/huamei/images/home/arrowLeftDoctor.png) no-repeat; left:0px; }
.doctorLeft a.doctorR{ background:url(/templets/huamei/images/home/arrowRightDoctor.png) no-repeat; right:0px;}
.doctorLeft ul{position:absolute;top:0;left:0; overflow:hidden;}
.doctorLeft ul li{width:740px; height:470px;float:left; overflow:hidden;}
.doctorLeft ul li img{width:740px; height:470px;}
.doctorRight{ width:460px; height:470px; float:right; background:#c2bed7;}
.doctorRight .menu ul li{width:50%; height:60px; line-height:60px; float:left; color:#fff; font-size:18px; text-align:center;}
.doctorRight .menu ul li img{vertical-align:middle;}
.doctorRight .menu ul li.ac{background:#b254a2;}
.doctorRight .content {height:400px;}
.doctorRight .content .li{ width:100%; height:400px; display:-none;}/*display:none;的话会影响到里面的swiper轮播*/
.doctorRight .content div.ac{display:block;}
.keshi{width:324px; margin:40px auto;}
.keshi h3{color:#fff; line-height:40px; font-size:18px;}
.keshi ul{width:324px; overflow:hidden;}
.keshi ul li{display:block; width:160px; height:60px; line-height:60px; float:left; margin:1px; text-align:left; text-indent:20px; font-size:16px; background:#aba6c2;}
.keshi ul li a{display:block; width:100%; height:100%; color:#fff;}
.keshi ul li a:hover{background:#948eae;}
.keshi ul li a img{vertical-align:middle;}
.keshi a.ksbtn{display:block; width:190px; height:50px; line-height:50px; margin:30px auto; background:#b254a2; color:#fff; text-align:center; font-size:18px;}

#homedoctors{width:420px; height:350px; margin:0px auto; margin-top:30px; }
#homedoctors .swiper-pagination-bullet-active{background:#fff;}

#homedoctors ul{height:330px;overflow:hidden;}
#homedoctors ul li{ width:135px; height:154px; background:#fff; float:left; margin:2px;}
#homedoctors ul li p{line-height:30px; text-align:center; font-size:16px;}

/*首页十大推荐项目*/
#tenXm{width:1200px; margin:0px auto; padding-bottom:25px;}
#tenXm ul{padding-top:10px; overflow:hidden;}
#tenXm ul li{display:block; float:left; width:224px; height:115px; border:1px solid #e4e4e4; text-align:center; padding-top:15px; margin:10px 6px; transition:all .5s; background: #a9a5be;}
#tenXm ul li a{display:block; height:100%; color: #fff;}
#tenXm ul li h3{font-size:20px; line-height:30px;}
#tenXm ul li.ac{background:#eb4a52; color:#fff;}
#tenXm ul li.ac a{color:#fff;}
#tenXm ul li i{display:block; width:60px; height:46px; margin:0px auto;}
#tenXm ul li i.ico1{background:url(/templets/huamei/images/home/x1b.png) no-repeat center;}
#tenXm ul li.ac i.ico1{background:url(/templets/huamei/images/home/x1b.png) no-repeat center;}
#tenXm ul li i.ico2{background:url(/templets/huamei/images/home/x2b.png) no-repeat center;}
#tenXm ul li.ac i.ico2{background:url(/templets/huamei/images/home/x2b.png) no-repeat center;}
#tenXm ul li i.ico3{background:url(/templets/huamei/images/home/x3b.png) no-repeat center;}
#tenXm ul li.ac i.ico3{background:url(/templets/huamei/images/home/x3b.png) no-repeat center;}
#tenXm ul li i.ico4{background:url(/templets/huamei/images/home/x4b.png) no-repeat center;}
#tenXm ul li.ac i.ico4{background:url(/templets/huamei/images/home/x4b.png) no-repeat center;}
#tenXm ul li i.ico5{background:url(/templets/huamei/images/home/x5b.png) no-repeat center;}
#tenXm ul li.ac i.ico5{background:url(/templets/huamei/images/home/x5b.png) no-repeat center;}
#tenXm ul li i.ico6{background:url(/templets/huamei/images/home/x6b.png) no-repeat center;}
#tenXm ul li.ac i.ico6{background:url(/templets/huamei/images/home/x6b.png) no-repeat center;}
#tenXm ul li i.ico7{background:url(/templets/huamei/images/home/x7b.png) no-repeat center;}
#tenXm ul li.ac i.ico7{background:url(/templets/huamei/images/home/x7b.png) no-repeat center;}
#tenXm ul li i.ico8{background:url(/templets/huamei/images/home/x8b.png) no-repeat center;}
#tenXm ul li.ac i.ico8{background:url(/templets/huamei/images/home/x8b.png) no-repeat center;}
#tenXm ul li i.ico9{background:url(/templets/huamei/images/home/x9b.png) no-repeat center;}
#tenXm ul li.ac i.ico9{background:url(/templets/huamei/images/home/x9b.png) no-repeat center;}
#tenXm ul li i.ico10{background:url(/templets/huamei/images/home/x10b.png) no-repeat center;}
#tenXm ul li.ac i.ico10{background:url(/templets/huamei/images/home/x10b.png) no-repeat center;}


/*首页设备轮播图*/
.deviceBox{ width:100%;height:440px; position:relative; overflow:hidden; z-index:1; margin-bottom:35px;}
.deviceBox .bigul{ width:100%;height:440px; overflow:hidden; margin-top:2px; position:relative; z-index:50 }
.deviceBox .bigul li{ width:100%;height:440px; overflow:hidden; background:#FFF; padding:0 1px; position:absolute; z-index:5 }
.deviceBox li img{ position:absolute; top:0; left:50%; margin-left:-1000px; display:block;}

.deviceBtn{width:100%; height:60px; position:absolute; bottom:0px; z-index:500;}
.deviceBtn .con{ width:1200px; margin:0px auto; text-align:center;}
.deviceBtn .con a{ display:inline-block; width:25%;height:60px; line-height:60px; margin:0px; background:rgba(255,255,255,0.55); font-size:16px; color:#666666;}
.deviceBtn .con .activeBtn{ background:#fff; color:#000;}




/*首页学术活动明星俱乐部等*/
#homeActivities{width:1200px; height:310px; margin:36px auto; overflow:hidden; padding:3px 0px;}
.habox{width:250px; height:236px; border:1px solid #e4e4e4; border-right:0px; padding:20px 24px 30px 24px; float:left;transition: all 0.2s linear 0s;}
.habox:hover{border-top:1px solid purple; box-shadow:0px 0px 3px 3px #e4e4e4; transform:translateY(-1px);}
.habox .t{height:30px; text-align:left; vertical-align:top; font-size:20px;}
.habox .t span{width:50px; float:right;overflow:hidden; height:18px; margin-top:10px;}
.habox .t span a{display:block; width:19px; height:19px; float:left; margin:0px 3px; background:url(/templets/huamei/images/home/tabbtns.jpg) no-repeat;}
.habox .t span a.doctorL{ background-position:0px 0px;}
.habox .t span a.doctorR{ background-position:-20px 0px;}
.habox .atcont{ width:250px; height:236px;position:relative;overflow:hidden; margin-top:15px;}
.habox .atcont ul{ position:absolute;top:0;left:0;}
.habox .atcont ul li{ width:250px;height:190px; float:left; overflow:hidden;position:relative;}
.atcont ul li .desc{position:absolute; bottom:0px; left:0px; width:100%;height:40px; line-height:40px; background:rgba(0,0,0,0.7); color:#fff; text-align:center; transition:all .5s; transform:translateY(50px);}
.atcont ul li:hover .desc{transform:translateY(0px);}

/*首页底部合作机构*/
.jigouTab{width:1200px; margin:0px auto; padding-bottom:20px;}
.jigouTab .menu{ width:100%; height:50px; line-height:50px; border-bottom:#e4e4e4 1px solid;}
.jigouTab .menu a{ display:block; width:80px; height:100%; float:left; margin-right:70px; text-align:center; font-size:20px;}
.jigouTab .menu a.ac{ border-bottom:3px solid #b254a2; box-sizing:border-box;}
.jigouTab .jgbox .jgcon{display:none;}
.jigouTab .jgbox .ac{display:block;}
#moreXm .mn{ margin:18px auto 15px auto; overflow:hidden;}
#moreXm .mn ul li{display:block; width:100px; height:30px; line-height:30px; text-align:center; background:#afafaf; color:#fff; float:left; margin-right:10px;}
#moreXm .mn ul li.ac{background:#b254a2;}
#moreXm .cbox .cns{height:380px; overflow:hidden; display:none;}
#moreXm .cbox .ac{display:block;}
.relatedXm a{display:inline-block; width:78px; line-height:18px; border-right:1px solid #e3e3e3; text-align:center;}
.relatedXm a.first{text-align:left;}
.cnsMain{height:320px; padding-top:30px; padding-bottom:10px; overflow:hidden;}
#cnsLeft{width:560px; float:left; }
#cnsLeft ul{overflow:hidden;}
#cnsLeft ul li{padding-bottom:20px;overflow:hidden;}
#cnsLeft .leftpic{ width:210px; height:140px; padding:3px; float:left;}
#cnsLeft .rightC{ width:328px; height:146px; float:right; position:relative; }
#cnsLeft .rightC h3{line-height:30px; font-size:18px; color:#000;}
#cnsLeft .rightC span{line-height:20px; font-size:14px; color:#afafaf;}
#cnsLeft .rightC  p{line-height:24px; padding-top:10px;}
#cnsLeft .rightC a.learnMore{ position:absolute; left:0px; bottom:3px; font-size:16px; color:#b254a2;}
#cnsRight{width:600px;height:320px; float:right;}

#cnsRight .hhnews{width:240px; margin-left:40px; float:left;}
#cnsRight .hhnews h3{line-height:40px; font-size:18px; color:#000;}
#cnsRight .hhnews ul li{line-height:28px; background:url(/templets/huamei/images/home/litri.jpg) no-repeat; background-position:0px 12px; text-indent:12px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.xiehui{text-align:center; padding-top:20px; overflow:hidden;}
.jianguan{text-align:center; padding-top:20px; overflow:hidden;}
.hezuo{text-align:center; padding-top:20px; overflow:hidden;}
.meiti{text-align:center; padding-top:20px; overflow:hidden;}















